<!-- 2023年4月19日 15点24分 gpd 动态管理 -->
<template>
	<view class="TrendManage">
		<view class="TrendManage_top">
			<img :src='`{{avatarUrl}}`' alt="" style="border-radius: 6%;width: 50px;height: 50px;float: left;">
			<p style="float: left;font-weight: bold;font-size: 14px;margin-left: 8px;margin-top: 15px;">{{nickName}}</p>
		</view>
		<!-- <view style="width: 100%;height: 100px;background-color: red;margin-top: 4%;overflow: hidden;">
			<img src="/static/ts2.jpg" style="border-radius: 12px;margin-left: 4%;width: 80px;height: 80px;margin-top:2%;float:left;">
			<p style="margin-left: 2%;margin-top: 6%;color: aliceblue;font-size: 14px;font-weight: bold;float:left;width: 70%;">无文本内容</p>
			<p style="margin-left: 2%;margin-top: 3%;color: aliceblue;font-size: 14px;font-weight: bold;float:left;width: 70%;">于2023-04-17 15点41分 最后编辑</p>
		</view> -->
		<view style="width: 100%;height: 100px;margin-top: 4%;overflow: hidden;" v-for="item in userTrendList" :key="item.id" @click="toTrendDetails(item.id)">
			<uni-swipe-action-item  :right-options="options1" @click="bindClick($event,item)">
				<img :src='`http://101.43.223.224:8765/image/getImageById?id=${item.pictureGroup[0]-0}`' style="border-radius: 12px;margin-left: 4%;width: 80px;height: 80px;margin-top:2%;float:left;">
				<p style="margin-left: 2%;margin-top: 6%;color: gray;font-size: 14px;font-weight: bold;float:left;width: 60%;">{{item.trendTitle}}</p><span v-if="item.publishStatus==0" style="background-color: orange;font-size: 14px;font-weight: bold">公开</span><span v-if="item.publishStatus==1" style="background-color: grey;font-size: 14px;font-weight: bold">私密</span>
				<p style="margin-left: 2%;margin-top: 3%;color: gray;font-size: 14px;font-weight: bold;float:left;width: 70%;">于{{item.createTime}}最后编辑</p>
			</uni-swipe-action-item>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				// 存放登录成功后的结果
				user:'',
				// 存放登录成功后的用户id
				userId:'',
				// 存放登录成功后的用户昵称
				nickName:'',
				// 存放登录成功后的图片路径和id
				avatarUrl:'',
				options1: [
					{
						text: '删除',
						style: {
							backgroundColor: '#dd524d'
						}
					},
					{
						text:'公开',
						style:{
							backgroundColor:'#FFA500'
						}
					},
					{
						text:'私密',
						style:{
							backgroundColor:'#808080'
						}
					}
				],
				// 存放用户发表动态结果
				userTrendList:'',
			}
		},
		methods:{
			// 右滑地址状态
			bindClick(e,item){
				var id  = item.id
				if(e.content.text === '删除'){
					this.$myRequest({
						url:'/trends/delUserTrend',
						data: JSON.stringify(id),
						method: 'delete'
					}).then(res=>{
						uni.showToast({
							title: '删除成功',
							//将值设置为 success 或者直接不用写icon这个参数
							icon: 'success',
							//显示持续时间为 2秒
							duration: 2000
						})
						// 刷新
						this.getToUserThrend()
					})
				}
				else if(e.content.text === '公开'){
					this.$myRequest({
						url:'/trends/openTrend',
						data: JSON.stringify(id),
						method: 'POST'
					}).then(res=>{
						uni.showToast({
							title: '设置成功',
							//将值设置为 success 或者直接不用写icon这个参数
							icon: 'success',
							//显示持续时间为 2秒
							duration: 2000
						})
						// 刷新
						this.getToUserThrend()
					})
				}
				else{
					this.$myRequest({
						url:'/trends/privateTrend',
						data: JSON.stringify(id),
						method: 'POST'
					}).then(res=>{
						uni.showToast({
							title: '设置成功',
							//将值设置为 success 或者直接不用写icon这个参数
							icon: 'success',
							//显示持续时间为 2秒
							duration: 2000
						})
						// 刷新
						this.getToUserThrend()
					})
				}
			},
			// 初始化查询用户发布的所有动态
			getToUserThrend(){
				this.$myRequest({
					url:'/trends/getToUserThrend',
					data:{
						userId:this.userId
					}
				}).then(res=>{
					this.userTrendList = res.data.data
					this.userTrendList.forEach(item=>{
						if(item.pictureGroup!='')
							item.pictureGroup  = item.pictureGroup.split(',')
					})
				})
			},
			// 跳转到动态详情
			toTrendDetails(id){
				uni.navigateTo({
					url:"/pages/trend/TrendDetails?id=" + id
				})
			}
		},
		onLoad() {
			this.user = wx.getStorageSync("user")
			this.userId = this.user.id
			this.nickName = this.user.nickName
			this.avatarUrl = this.user.avatarUrl
			// 初始化查询用户发布的所有动态
			this.getToUserThrend()
		}
	}
</script>

<style>
	.TrendManage{
		width:100%;
		height: 870px;
		
	}
	.TrendManage_top{
		width: 100%;
		height: 50px;
	}
</style>